<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主界面</title>
		<style>
			html{
				height: 100%;
				width:100%
			}
			body{
				height: 100%;
				margin:0,
				padding:0
				
			}
			/* 页面整体布局 */
			.mycontainer{
				position: fixed;
				top:0px;
				bottom:0px;
				left: 0px;
				right:0px;
				background-color: #FFCCCC;
				/* opacity: 0.8; */
				min-width:800px;
				min-height: 500px;
				
			}
			.main-title{
				width: 100%;
				height: 20%;
				background-color: #FF99CC;
				
			}
			.main-nav{
				height: 93%;
				width: 200px;
				background-color: #CCCCFF;
			}
			.main-title>.title-nav{
				margin-left: 10px;
				width: 100%;
				height: 50px;
				color: #F6F6F6;
				font-size: 24px;
				letter-spacing: 10px;
				
			}
			.main-title>.title-logo{
				width:300px;
				height:300px
			}
			
			
		</style>
	</head>
	<body>
		
		<div class="mycontainer">
			<div>
				
			</div>
			
			
			
		</div>
		
	</body>
</html>
